<template>
  <div class="detail-container">
    <st-sections title="基本信息" style="margin: 10px 10px 0 10px;">
      <el-descriptions  style="margin: 10px 10px 0 10px;" :column="2" size="medium">
        <el-descriptions-item v-for="item in baseItems" :label="item.lable" >
          {{receivablesForm[item.name]}}
        </el-descriptions-item>
      </el-descriptions>
    </st-sections>
    <st-sections title="系统信息" style="margin: 10px 10px 0 10px;">
      <el-descriptions style="margin: 10px 10px 0 10px;" :column="2" size='medium'>
        <el-descriptions-item v-for="item in systemItems" :label="item.lable">
          {{receivablesForm[item.name]}}
        </el-descriptions-item>
      </el-descriptions>
    </st-sections>
  </div>
</template>
<script>
export default {
  props:{
    receivablesForm:{
      type:Object,
      default:function() {
        return {};
      }
    }
  },
  data(){
    return{
      baseItems:[
        {
          lable:'回款编号',
          name:'receivablesId'
        },
        {
          lable:'回款计划编号',
          name:'planId'
        },
        {
          lable:'客户名称',
          name:'customerName'
        },
        {
          lable:'合同名称',
          name:'contractName'
        },
        {
          lable:'回款日期',
          name:'returnTime'
        },
        {
          lable:'回款方式',
          name:'returnTypeDisp'
        },
        {
          lable:'回款金额',
          name:'money'
        },
        {
          lable:'状态',
          name:'checkStatusDisp'
        },
      ],
      systemItems:[
        {
          lable:'创建人',
          name:'createdBy'
        },
        {
          lable:'创建时间',
          name:'createdTime'
        },
        {
          lable:'更新人',
          name:'updatedBy'
        },
        {
          lable:'更新时间',
          name:'updatedTime'
        }
      ]
    }
  }
}
</script>
<style scoped lang="scss">
.detail-container{
  height: calc(100vh - 273px);
  overflow: auto;
}

::v-deep .el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{
  padding-bottom: 20px;
}
</style>
